<!DOCTYPE html>
<html>
	<head>
	<!--<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">-->

	<meta name="viewport" content=" width=640,target-densitydpi=device-dpi,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="/wechat/qing/css/valentine's_day.css"/>
	<link rel="stylesheet" href="/wechat/qing/css/swiper.min.css">
	<link rel="stylesheet" href="/wechat/qing/css/animate.css">
	<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script src="/wechat/qing/js/jquery-1.11.3.js"></script>
	<script src="/wechat/qing/js/swiper.jquery.min.js"></script>
	<script src="/wechat/qing/js/valentine's_day.js"></script>
	<style>
	html,body{
	  margin:0;
	  padding: 0;
	  height: 100%;
	}
	div,p,h1,h2,h3,h4,h5,h6,li,ul,span,ol,dl,tr,td{
    	margin: 0;
 		padding: 0;
	}
	ul,li,ol,dl{
		list-style: none;
	}
	a{
		text-decoration: none;
	}
    body{
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, "微软雅黑";
        color:#000;
    }
    .swiper-container {
        width:100%;
        height: 100%;
        margin:0 auto;
    }
    .swiper-slide {
		width: 100%;
		height: 100%;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    </style>

	</head>
	<body>
		<div class="shang"></div>
	    <div class="swiper-container">
	        <div class="swiper-wrapper">
	            <div class="swiper-slide page_1">
	            	<ul>
	            		<li data-anima = "fadeInDown" class="animated fadeInDown">情人节</li>
	            		<li data-anima = "fadeInUp" class="animated fadeInUp">第二份</li>
	            		<li data-anima = "bounceIn" class="animated bounceIn">半价</li>
	            		<li data-anima = "fadeInDown" class="animated fadeInDown">HALF PRICE</li>
	            	</ul>
	            </div>
	            <div class="swiper-slide page_2">
	            	<ul>
	            		<li data-anima = "fadeInLeft" class="animated">送出</li>
	            		<li data-anima = "rubberBand" class="animated">甜蜜礼物</li>
	            		<li data-anima = "fadeInRight" class="animated">SWEET GIFT</li>
	            		<li data-anima = "pulse" class="animated"><a href="http://wechat.baitime.cn/wechat/shop/index/">我要参与</a></li>
	            	</ul>
	            </div>
	        </div>
	        <!-- Add Pagination -->
	        <!--<div class="swiper-pagination"></div>-->
	    </div>
	</body>
</html>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">

    wx.config({
        debug: false,
        appId: '{$signPackage["appId"]}',
        timestamp: {$signPackage["timestamp"]},
        nonceStr: '{$signPackage["nonceStr"]}',
        signature: '{$signPackage["signature"]}',
        jsApiList: [
            'checkJsApi',
            'onMenuShareTimeline',
            'onMenuShareAppMessage'
        ]
    });
    wx.ready(function () {
        wx.checkJsApi({
            jsApiList: [
                'onMenuShareTimeline',
                'onMenuShareAppMessage'
            ],
            success: function (res) {
                // alert(JSON.stringify(res));
            }
        });

        wx.onMenuShareAppMessage({
            title: '{$share["title"]}',
            desc: '{$share["desc"]}',
            link: '{$share["url"]}',
            imgUrl: '{$share["logo"]}',
            trigger: function (res) {
                //alert('点击发送给朋友');
            },
            success: function (res) {
                // alert('已分享');
            },
            cancel: function (res) {
                // alert('已取消');
            },
            fail: function (res) {
                // alert(JSON.stringify(res));
            }
        })

        wx.onMenuShareTimeline({
            title: '{$share["title"]}',
            link: '{$share["url"]}',
            imgUrl: '{$share["logo"]}',
            trigger: function (res) {
                // alert('点击分享到朋友圈');
            },
            success: function (res) {
                // alert('已分享');
            },
            cancel: function (res) {
                // alert('已取消');
            },
            fail: function (res) {
                // alert(JSON.stringify(res));
            }
        });
    });

</script>